<template>
	<view>
		<cu-custom bgColor="bg-cyan" isBack>
			<block slot="content">rich-text富文本</block>
		</cu-custom>
		<!-- 顶部区域 -->
		<view class="smart-page-head">
			<view class="smart-page-head-title">
				rich-text富文本
			</view>
		</view>
		<view class="smart-padding-wrap">
			<view>
				<rich-text :nodes="nodes"></rich-text>
			</view>
			<view>
				<rich-text :nodes="strings"></rich-text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				nodes: [{
					name: 'div',
					attrs: {
						class: 'div-class',
						style: 'line-height: 60px; color: red; text-align:center; background:#09bb07;'
					},
					children: [{
						type: 'text',
						text: 'Hello&nbsp;uni-app!'
					}]
				}],
				strings: '<div style="text-align:center;margin-top:50upx;"><img src="/static/logo.png"/></div>'
			}
		}
	}
</script>

<style>
</style>
